@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar($x: hidden, $y: auto, $width: 15px, $thumbColor: #ddd) {
  overflow-y: $y;
  overflow-x: $x;
  &::-webkit-scrollbar {
    width: $width !important; // 横向滚动条
    height: $width !important; // 纵向  滚动条 必写
    background-color:transparent;
    border: none !important;
  }
  // 滚动条的滑块
  &::-webkit-scrollbar-thumb {
    background-color: $thumbColor;
    @if($width == 14px) {
      border-radius: 10px !important;
    } @else {
      border-radius: 3px !important;
    }
  }
}


@mixin flexStyle($justify: '', $align: '', $direction: '', $flexOne: '') {
  display: flex;

  @if($justify != '') {justify-content: $justify;}
  @if($align != '') {align-items: $align;}
  @if($direction != '') {flex-direction: $direction;}
  @if($flexOne != '') {
    .flex-one {
      flex: 1;
    }
  }
}